<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小兔鲜儿-新鲜、惠民、快捷！</title>
    <meta name="description" content="小兔鲜儿官网，致力于打造全球最大的食品、生鲜电商购物平台。">
    <meta name="keywords" content="小兔鲜儿,食品,生鲜,服装,家电,电商,购物">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./base.css">
    <link rel="stylesheet" href="./common.css">
    <link rel="stylesheet" href="./index.css">
</head>

<body>
    <!-- 网页的头部 -->
    <header>
        <div class="container">
            <ul class="fr">
                <li><a href="#">请先登录</a>|</li>
                <li><a href="#">免费注册</a>|</li>
                <li><a href="#">我的订单</a>|</li>
                <li><a href="#">会员中心</a>|</li>
                <li><a href="#">帮助中心</a>|</li>
                <li><a href="#">在线客服</a>|</li>
                <li><a href="#">手机版</a></li>
            </ul>
        </div>
    </header>
    <!-- 网页的logo及导航栏 -->
    <div class="xtx-nav">
        <div class="container">
            <h1 class="fl"><a href="#">小兔鲜儿</a></h1>
            <ul class="fl">
                <li><a href="#">首页</a></li>
                <li><a href="#">生鲜</a></li>
                <li><a href="#">美食</a></li>
                <li><a href="#">餐厨</a></li>
                <li><a href="#">电器</a></li>
                <li><a href="#">居家</a></li>
                <li><a href="#">洗护</a></li>
                <li><a href="#">孕婴</a></li>
                <li><a href="#">服装</a></li>
            </ul>
            <div class="search fl">
                <input type="search" placeholder="搜一搜">
            </div>
            <div class="cart">
                <span>2</span>
            </div>
        </div>
    </div>
    <!-- 网页的入口 -->
    <div class="xtx-entry">
        <div class="container">
            <ul>
                <li><a href="#"><span>生鲜</span> 水果 蔬菜</a></li>
                <li><a href="#"><span>美食</span> 面点 干果</a></li>
                <li><a href="#"><span>餐厨</span> 数码产品</a></li>
                <li><a href="#"><span>电器</span> 床品 四件套 被枕</a></li>
                <li><a href="#"><span>居家</span> 奶粉 玩具 辅食</a></li>
                <li><a href="#"><span>洗护</span> 洗发 洗护 美妆</a></li>
                <li><a href="#"><span>孕婴</span> 奶粉 玩具</a></li>
                <li><a href="#"><span>服饰</span> 女装 男装</a></li>
                <li><a href="#"><span>杂货</span> 户外 图书</a></li>
                <li><a href="#"><span>品牌</span> 品牌制造</a></li>
            </ul>
            <div class="left"></div>
            <div class="right"></div>
        </div>
    </div>
    <!-- 网页的主体 -->
    <div class="xtx-main">
        <div class="container">
            <div class="main-font">
                <h2 class="fl">新鲜好物 <span>新鲜出炉 品质靠谱</span></h2>
                <a href="#" class="fr">查看全部</a>
            </div>
            <div class="main-newgoods">
                <div class="goodspic">
                    <a href="#"><img src="./uploads/new_goods_1.jpg" alt="">
                        <div class="goods-font">
                            <p>睿米无线吸尘器F8</p>
                            <p><span>¥</span> 899</p>
                        </div>
                    </a>
                </div>
                <div class="goodspic">
                    <a href="#"><img src="./uploads/new_goods_2.jpg" alt="">
                        <div class="goods-font">
                            <p>智能环绕3D空调</p>
                            <p><span>¥</span> 1299</p>
                        </div>
                    </a>
                </div>
                <div class="goodspic">
                    <a href="#"><img src="./uploads/new_goods_3.jpg" alt="">
                        <div class="goods-font">
                            <p>广东软软糯米煲仔饭</p>
                            <p><span>¥</span> 129</p>
                        </div>
                    </a>
                </div>
                <div class="goodspic">
                    <a href="#"><img src="./uploads/new_goods_4.jpg" alt="">
                        <div class="goods-font">
                            <p>罗西机械智能手表</p>
                            <p><span>¥</span> 3399</p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 客户服务 -->
    <div class="customer">
        <div class="container">
            <div class="customer-box">
                <p>客户服务</p>
                <!-- 公众号 -->
                <div class="left fl"></div>
                <!-- 微博 -->
                <div class="right fl"></div>
            </div>
        </div>
    </div>
    <!-- 网页的底部 -->
    <footer>
        <div class="container">
            <div class="footer-box">
                <a href="#">价格亲民</a>
                <a href="#">物流快捷</a>
                <a href="#">品质新鲜</a>
            </div>
            <div class="copyright">
                <a href="#">关于我们</a>|
                <a href="#">帮助中心</a>|
                <a href="#">售后服务</a>|
                <a href="#">配送与验收</a>|
                <a href="#">商务合作</a>|
                <a href="#">搜索推荐</a>|
                <a href="#">友情链接</a>
                <p>CopyRight @ 小兔鲜儿
                </p>
            </div>
        </div>
    </footer>
</body>

</html>